<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import Vue from "vue";
import myHeader from "./components/Header";
import myFooter from "./components/Footer";
export default {
  name: "app",
  data() {
    return {
      checkedMsg: 0
    };
  },
  methods: {},
  components: {
    myHeader,
    myFooter
  }
};
</script>
<style>

/* 测试 */
* {
  margin: 0;
  padding: 0;
}

html,
body {
  min-width: 1200px;
  width: 100%;
  height: 100%;
  /* overflow-y: scroll;
  overflow-x: hidden; */
}

body {
  background: #f4f8fb;
}

a:hover,
a:link,
a:focus,
a:visited {
  text-decoration: none;
}
#app{
  width: 100%;
  height: 100%;
  position: relative;
}
/*表单奇偶行样式*/
  .table .tbody tr:nth-child(odd) {
    background-color: #fff;
  }
.table .tbody tr:nth-child(even){
  background-color: #f4f4f4;
}
.weizhifu {
  background: #ff9933;
}
.yizhifu {
  background: #0ace25;
}
.quxiaozhifu {
  background: #cccccc;
}
</style>

<style src="@/public/css/reset.css"></style>
<style src="@/public/css/clickimg.css"></style>
